<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<title></title>
		<link href="./css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="./css/shop.css" />
		<style>
			.mui-table-view:before,.mui-table-view:after{
				height: 0 !important;
			}
			.num{
				font-size: 14px !important;
			}
		</style>
	</head>
	<body>
		<nav class="mui-bar mui-bar-tab" style="display: flex;height: 60px;justify-content: space-around;align-items: center;z-index: 9999999;">
			<a href="./home.html" style="text-align: center;vertical-align: middle;">
				<img src="./images/daohang/pic1.jpg" alt="" width="30" />
				<div style="color: #000;font-size: 12px;transform: translateY(-5px);">首页</div>
			</a>
			<a href="./cate.html" style="text-align: center;">
				<img src="./images/daohang/pic2.jpg" alt="" width="30" />
				<div style="color: #000;font-size: 12px;transform: translateY(-5px);">分类</div>
			</a>
			<a href="./find.html" style="text-align: center;">
				<img src="./images/daohang/DHY03.jpg" alt="" width="30" />
				<div style="color: #000;font-size: 12px;transform: translateY(-5px);">发现</div>
			</a>
			<a href="./shop.html" style="text-align: center;">
				<img src="./images/daohang/aba3.jpg" alt="" width="30" />
				<div style="color: #000;font-size: 12px;transform: translateY(-5px);">购物车</div>
			</a>
			<a href="./my.html" style="text-align: center;">
				<img src="./images/daohang/pic4.jpg" alt="" width="30" />
				<div style="color: #000;font-size: 12px;transform: translateY(-5px);">我的</div>
			</a>
		</nav>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon "></a>
			<h1 class="mui-title">购物车</h1>
		</header>

		<div class="mui-content">
			<!-- 购物车商品 -->
			<div class="shopCart" id="shopCart">
				<!-- 商品信息卡 -->
				<ul class="mui-table-view mycarBox" >
					<div></div>
					<!-- 商品3 -->
				</ul>


				<!-- 合计和付款按钮 -->
				<div class="mui-bar mui-bar-tab btm" style="top: none;bottom: 60px;">
					<div class="qx">
						<div class="circle mui-input-row mui-checkbox mui-left">
							<input id="circleCK" class="circleCK" type="checkbox">
						</div>
						<div class="word">&nbsp;全选</div>
					</div>
					<p class="buyNow">
						<button id="buyNowBtn" class="buyNowBtn">结算</button>
					</p>
					<p class="totalPrice">
						合计:&nbsp;&nbsp;<span id="totalPrice">¥&nbsp;<span class="big">0</span><span
								class="small"></span></span>
					</p>
					<div>
					</div>

				</div>
			</div>
		</div>
	</body>
	<script src="./js/mui.min.js"></script>
	<script src="./js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="./js/shopCart.js"></script>

</html>